<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>float</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
		.tour-item{
            overflow: hidden;
            margin: 20px 0;
		}
		.tour-img {
			float: left;
			margin-right: 10px;
		}
		.tour-text {
			overflow: hidden;
		}
        .tour-text h3 {
            font-size: 16px;
            line-height: 1.2;
            margin-bottom: 10px;
        }
        .tour-text p {
            font-size: 14px;
            line-height: 1.5;
        }
	</style>
</head>
<body>
    <div class="tour-list">
        <div class="tour-item">
            <img class="tour-img" src="http://coding.imweb.io/img/img-style.png" alt="旅游" width="200">
            <div class="tour-text">
                <h3>“华丽的冒险”之美国西部游</h4>
                <p>美西，对我来说就像经历了一场真实又遥远的梦，如今大梦初醒，回到正常的生活轨道，留下值得回味的余温，收藏在心里，慢慢咀嚼，不知觉中，在时光里慢慢发酵，带着它奔向下一个梦境。</p>
            </div>
        </div>
        <div class="tour-item">
            <img class="tour-img" src="http://coding.imweb.io/img/img-style.png" alt="旅游" width="200">
            <div class="tour-text">
                <h3>“华丽的冒险”之美国西部游</h4>
                    <p>美西，对我来说就像经历了一场真实又遥远的梦，如今大梦初醒，回到正常的生活轨道，留下值得回味的余温，收藏在心里，慢慢咀嚼，不知觉中，在时光里慢慢发酵，带着它奔向下一个梦境。</p>
            </div>
        </div>
    </div>
</body>
</html>





